<div class="nav-site">
	<nav class="container navbar navbar-light navbar-expand-lg">

		<a class="navbar-brand" href="#" data-toggle="collapse" data-target="#site-products" onclick="$(window).scrollTop(0);">
			<img src="{{ site.github.url }}/images/logo256X256.png">
			Entity Framework Plus
		</a>

		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#site-header-nav-site-menu" 
				aria-controls="site-header-nav-site-menu" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>
		
		<div class="navbar-collapse collapse justify-content-end" id="site-header-nav-site-menu">		
			<ul class="navbar-nav">
				<li class="nav-item">
					<a class="nav-link" href="{{ site.github.url }}/tutorials">
						<i class="fa fa-book" aria-hidden="true"></i>
						Tutorials
					</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="http://www.zzzprojects.com/contribute" target="_blank">
                        <i class="fa fa-users" aria-hidden="true"></i>
                        Donate
                    </a>
				</li>		
				<li class="nav-item">
					<a class="nav-link" href="{{ site.github.url }}/contact-us">
						<i class="fa fa-envelope" aria-hidden="true"></i>
						Contact
					</a>
				</li>
				<li class="nav-item nav-item-download">
					<a class="btn btn-lg btn-z" role="button" href="{{ site.github.url }}/download"
							onclick="ga('send', 'event', { eventAction: 'download'});">
						<i class="fa fa-cloud-download" aria-hidden="true"></i>
						Download
						<i class="fa fa-angle-right"></i>
					</a>
				</li>
			</ul>
		</div>
	</nav>
</div>